@import "../../styles/mixins";
.image-list-wrapper{
  border:1px solid #f1f4f5;
  border-radius:5px;
  padding: .5rem 1rem;
  @include title-wrapper;

  .sights-wrapper{
    height:9.35rem ;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    &>ul{
      list-style:none;
      overflow-x: auto;
      overflow-y: hidden;
      margin:0;
      padding:0;
      zoom:1;
      white-space: nowrap;
      max-width: 60rem;
      height:100%;
      &>li{
        margin-right: .625rem;
        display: inline-block;
        .sights-check-box{
          position: absolute;
          height: 1.2rem;
          width: 1.2rem;
          margin-top: 0.3125rem;
          margin-left: .3125rem;
        }
      }
      &>li>img{
        width: 9.75rem;
        height: 8.125rem;
      }
    }

    .default-wrapper{
      width: 9.75rem;
      height: 8.125rem;
      background-color: #f1f4f5;
      display: flex;
      flex-direction: column;
      justify-content: center;
      .image-default{
        width: 3.75rem;
        height: 3.75rem;
        margin: auto auto 0 auto;
      }
      &>span{
        font-size:14px;
        color:#999999;
        text-align:center;
        margin:0.75rem auto auto auto;
      }
    }
  }
}
